/* 🌐 Style global */
body {
  font-family: 'Poppins', sans-serif;
  color: #000;
  background-color: #f8f9fa;
  line-height: 1.6;
}

h1, h2, h3, h4, h5 {
  font-weight: 700;
  color: #000;
}

p {
  margin-bottom: 1rem;
  color: #000;
}

/* 🌟 Navbar */
.navbar {
  background-color: #5a0838; /* Bordeaux */
}

.navbar .nav-link {
  color: white !important;
  font-weight: 500;
  transition: 0.3s;
}

.navbar .nav-link:hover {
  color: #f1ece5 !important; /* Doré */
}

.navbar .btn-dark {
  background-color: #d1b48c;
  border: none;
}

.navbar .btn-dark:hover {
  background-color: #fff;
}

/* 🏠 Section A propos */
section h1, section h2 {
  color: #000;
 
}

section p.lead {

  font-style: italic;
  color: #000;
}

/* 💼 Parcours */
section .row.align-items-center {
  color: #fff;
  background-color: #5a0838;
  border-left: 3px solid #5a0838;
  padding-left: 15px;
  margin-bottom: 20px;
  

}

section .row.align-items-center span {
  color: #fff;
  background-color: #5a0838;
  padding: 5px 10px;
  border-radius: 5px;
}

/* ✨ Valeurs */
#valeurs .bg-light {
  color: #fff;
  background-color: #580B3C;
  border: 1px solid #5a0838;
  transition: 0.3s;
}

#valeurs .bg-light:hover {
  background-color: #580B3C;
  transform: translateY(-3px);
}

/* Compétences */
#competences .border {
  border: 2px solid #5a0838 !important;
  transition: 0.3s;
}

#competences .border:hover {
  background-color: #5a0838;
  color: #000;
}

/* Softskills */
#softskills li {
  color: #000;
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.05rem;
}

/*  Call to Action */
.cta-section {
    background-color: #5a0838;
  text-align: center;
  color: #5a0838;
  border-radius: 10px;
  padding: 60px 20px;
}

.cta-section h2 {
  font-size: 2rem;
}

.cta-section .btn-light {
  color: #5a0838;
  font-weight: bold;
}

.cta-section .btn-outline-light {
  border: 2px solid #5a0838;
  font-weight: bold;
}

/* 🔻 Footer */
footer {
  background: #222;
  color: #000;
}

footer h5 {
  color: white;
  margin-bottom: 15px;
}

footer ul li {
  margin-bottom: 10px;
}

footer a {
  text-decoration: none;
  color: #ddd;
  transition: 0.3s;
}

footer a:hover {
  color: #d1b48c;
}

footer .bi {
  font-size: 1.2rem;
}